<template>
  <div class="about">
    <header>
      
    </header>
    <main>
      <slide-tab :content="content"></slide-tab>
    </main>
    <footer>

    </footer>
  </div>
</template>

<script>
import introduction from '@/static/introduction.js'
import SlideTab from '@/components/slideTab/slideTab.vue'

export default {
  name: 'about',
  components:{SlideTab},
  data(){
    return {
      content:introduction.data
    }
  },
  mounted(){
    
  }
}
</script>

<style lang="scss" scoped>
    header{

    }

    main{

    }

    footer{
      
    }
</style>
